<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多级路由导航</title>
    <link rel="stylesheet" href="../1.switch-page/css/normalize.css"/>
    <link rel="stylesheet" href="css/layout.css"/>
    <!-- <Route path="*" component={NoMatch} /> -->
    <!-- 加载 React。-->
    <!-- 注意: 部署时，将 "development.js" 替换为 "production.min.js"。-->
    <script src="../../libs/js/react.production.min.js" crossorigin></script>
    <script src="../../libs/js/react-dom.production.min.js" crossorigin></script>
    <script src="../../libs/js/babel.min.js"></script>
    <!-- react router -->
    <script src="../../libs/js/react-router-dom.js"></script>
</head>
<body>
    <div id="root"></div>

    <script type="text/babel" src="router/router-index.js"></script>
    <script type="text/babel">
        const {HashRouter, Router, Switch, Route, NavLink, Redirect, IndexRoute} = ReactRouterDOM;
        const {PureComponent} = React;
        class App extends PureComponent {
            render() {
                return(
                    <div className="container">
                        <AppRouter/>
                    </div>
                )
            }
        }
        ReactDOM.render(<App/>, document.getElementById("root"));
    </script>
</body>
</html>
